<!-- Dom模板 -->
<template>
  <div class="inp1">
    <!-- Dom内容 -->
    <!-- <input
      type="date"
      v-model="valemit"
      placeholder="请选择时间"
      @change="valAll"
    /> -->
    <el-date-picker v-model="valemit" type="date" placeholder="请选择时间" @change="valAll">
                 
    </el-date-picker>
    <!-- <el-input type="date" placeholder="请输入内容" v-model="input1"> </el-input> -->
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: "",
  data() {
    return {
      msg: "测试",
      valemit: "",
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {
    valAll() {
      // console.log(this.valemit);
      let str = this.valemit.replace(/-/g, "/");
      console.log(str);
      this.$emit("timeAll", str);
    },
  },
};
</script>

<style>
.inp1 {
  width:100px;
  float: left;
}
/* input {
  width: 117px;
  height: 28px;
  border: none;
  outline: none;
  background: white;
  padding: 0 10px;
} */
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width:150px;
}
.el-date-editor .el-input__inner{
width:150px;
padding-left: 30px;
height: 30px;
}
.el-date-editor .el-input__prefix{
left: -2px;
top: 1px;
}
/* @import url(''); 引入css类 */
</style>